<template>
  <div v-loading="loading" element-loading-text="加载中，请稍候" class="page-container">
    <section class="common-section" style="padding-right: 0">
      <main class="middle-main">
        <aside id="mapContainer" class="map-wrap">
          <div class="country-select-wrap">
            <el-select v-model="isHome">
              <el-option v-for="item in isHomeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </div>
        </aside>
      </main>
    </section>
  </div>
</template>

<script>
import loadAMap from "@/utils/AMap";
import * as utils from "@/utils";
import endIconImg from "@/assets/images/poi_marker_red.png";

export default {
  data() {
    return {
      loading: false,
      coordinatesList: [],
      isHomeOptions: [
        {
          value: 1,
          label: "国内"
        },
        {
          value: 0,
          label: "国外"
        }
      ],
      disProvince: null,
      markers: [],
      cluster: null,
      districtCluster: null,
      isHome: 1,
      locationData: [
        {
          name: "广东",
          position: [113.280637, 23.125178]
        },
        {
          name: "福建",
          position: [119.306239, 26.075302]
        },
        {
          name: "江西",
          position: [115.892151, 28.676493]
        },
        {
          name: "浙江",
          position: [120.153576, 30.287459]
        },
        {
          name: "海南",
          position: [110.33119, 20.031971]
        },
        {
          name: "江苏",
          position: [118.767413, 32.041544]
        },
        {
          name: "湖北",
          position: [114.298572, 30.584355]
        }
      ],
      abroadLocationData: [],
      mapCenter: [119.306239, 26.075302],
      depth: 0,
      infoWindow: null,

      clusterIndexSet: {
        city: {
          minZoom: 1,
          maxZoom: 6
        },
        proName: {
          minZoom: 6,
          maxZoom: 22
        }
      },
      abroadMapLayers: []
    };
  },
  watch: {
    isHome(val) {
      this.abroadMapLayers.forEach(item => {
        item.setMap(null);
      });
      this.map.clearMap();

      this.getCoordinates();
      val ? this.initHomeMap() : this.initAbroadMap();
    }
  },
  beforeMount() {
    this.initMap();
  },
  // 方法集合
  methods: {
    // 初始化国外国家名称及坐标
    initAbroadLocationData() {
      this.abroadLocationData = [
        {
          name: "孟加拉",
          position: [90.351002, 23.608598]
        },
        {
          name: "泰国",
          position: [101.492515, 13.036597]
        },
        {
          name: "越南",
          position: [107.806327, 15.899234]
        },
        {
          name: "柬埔寨",
          position: [104.98386, 12.296334]
        },
        {
          name: "马来西亚",
          position: [109.101265, 4.10932]
        },
        {
          name: "菲律宾",
          position: [121.766541, 12.867028]
        }
      ];
    },
    // 国外地图
    initAbroadMap() {
      if (this.districtCluster) {
        this.districtCluster.hide();
      }

      loadAMap().then(AMap => {
        let layersArr = [];
        let socArr = ["BGD", "THA", "VNM", "KHM", "PHL", "MYS"];

        socArr.forEach(item => {
          layersArr.push(
            new AMap.DistrictLayer.Country({
              zIndex: 10,
              SOC: item,
              depth: 0,
              styles: {
                "nation-stroke": "#ffffff",
                "coastline-stroke": [0.85, 0.63, 0.94, 1],
                "province-stroke": "white",
                fill: "rgb(" + 40 + "," + 142 + ",236)"
              }
            })
          );
        });

        this.abroadMapLayers = [...layersArr, new AMap.TileLayer()];
        let center = [104.98386, 12.296334];
        this.map.setLayers(this.abroadMapLayers);
        this.map.setZoomAndCenter(4, center);
        this.setLabelsLayer(1);
      });
    },
    // 初始化地图
    initMap() {
      loadAMap().then(AMap => {
        this.map = new AMap.Map("mapContainer", {
          zoom: 4.9,
          center: this.mapCenter,
          pitch: 0,
          viewMode: "3D"
        });

        this.infoWindow = new AMap.InfoWindow({
          offset: new AMap.Pixel(0, -15)
        });
        this.map.addControl(new AMap.Scale());
        this.map.addControl(
          new AMap.ToolBar({
            liteStyle: false,
            offset: new AMap.Pixel(10, 120),
            direction: false,
            locate: false
          })
        );

        this.map.on("complete", () => {
          AMapUI.load(["ui/geo/DistrictCluster"], DistrictCluster => {
            window.DistrictCluster = DistrictCluster;
            this.initAbroadLocationData();
            this.initHomeMap();
          });

          // 监听地图缩放
          this.map.on("zoomchange", () => {
            if (this.isHome === 1) {
              const zoom = this.map.getZoom();
              if (zoom >= 12 && this.depth !== 2) {
                this.districtCluster.setData([]);
                this.initMarkerclusterer();
                this.initPro(2);
              } else if (zoom < 12 && zoom >= 6 && this.depth !== 1) {
                this.markers.forEach(item => {
                  this.map.remove(item);
                });
                this.districtCluster.setData(this.coordinatesList);
                this.initPro(1);
              } else if (zoom < 6 && this.depth !== 0) {
                this.initPro(0);
              }
            }
          });
        });
      });
    },
    // 国内地图
    initHomeMap() {
      this.map.setLayers([new AMap.TileLayer()]);

      this.map.setZoomAndCenter(4.9, this.mapCenter);

      this.setLabelsLayer(0);

      this.setBezierCurve(0);
      this.addMarker(0);

      this.initPro(0);
    },
    // 设置标注和标注图层-文字标注
    setLabelsLayer(type) {
      let layer = new AMap.LabelsLayer({
        collision: false,
        animation: true
      });

      let labelsData = [];

      if (type === 0) {
        this.locationData.forEach(item => {
          labelsData.push({
            position: item.position,
            text: {
              content: item.name,
              style: {
                fillColor: "#ffffff"
              }
            }
          });
        });
      } else {
        this.abroadLocationData.forEach((item, index) => {
          labelsData.push({
            position: item.position,
            text: {
              content: item.name,
              style: {
                fillColor: "#ffffff"
              }
            }
          });
        });
      }

      for (let i = 0; i < labelsData.length; i++) {
        let labelsMarker = new AMap.LabelMarker(labelsData[i]);
        layer.add(labelsMarker);
      }

      this.map.add(layer);
    },
    // 弧线绘制
    setBezierCurve(type) {
      let pathArr = [];
      if (type === 0) {
        this.locationData.forEach(item => {
          pathArr.push([
            item.position, // 起点
            this.mapCenter // 终点
          ]);
        });
      } else {
        this.abroadLocationData.forEach(item => {
          pathArr.push([item.position, this.abroadLocationData[3].position]);
        });
      }

      pathArr.forEach(item => {
        let bezierCurve = new AMap.BezierCurve({
          path: item,
          isOutline: false,
          outlineColor: "#12d3f9",
          borderWeight: 1,
          strokeColor: "#12d3f9",
          strokeOpacity: 1,
          strokeWeight: 1,
          // 线样式还支持 'dashed'
          strokeStyle: "solid",
          // strokeStyle是dashed时有效
          strokeDasharray: [10, 10],
          lineJoin: "round",
          lineCap: "round",
          zIndex: 50
        });

        bezierCurve.setMap(this.map);
      });
    },
    // 添加点标记
    addMarker(type) {
      let markerList = [];
      if (type === 0) {
        markerList.push({
          position: this.mapCenter,
          offset: -105,
          icon: require("@/assets/images/selected.png")
        });
        this.locationData.forEach((item, index) => {
          markerList.push({
            position: item.position,
            offset: -22,
            icon: require("@/assets/images/location_dot.png")
          });
        });
      } else {
        this.abroadLocationData.forEach((item, index) => {
          markerList.push({
            position: item.position,
            offset: index === 3 ? -100 : -15,
            icon:
              index === 3
                ? require("@/assets/images/selected.png")
                : require("@/assets/images/location_dot.png")
          });
        });
      }

      markerList.forEach((item, index) => {
        let marker = new AMap.Marker({
          position: item.position,
          offset: new AMap.Pixel(item.offset, item.offset),
          icon: item.icon // 添加 Icon 图标 URL
        });
        this.map.add(marker);
      });
    },
    // 创建省份图层
    initPro(depth) {
      this.disProvince && this.disProvince.setMap(null);

      this.disProvince = new AMap.DistrictLayer.Province({
        zIndex: 12,
        adcode: [
          "350000",
          "330000",
          "360000",
          "440000",
          "460000",
          "320000",
          "420000"
        ],
        depth: depth,
        styles: {
          fill: properties => {
            return "rgba(40,142,236,0.8)";
          },
          "province-stroke": "rgba(255,255,255,1)",
          "city-stroke": "white", // 中国地级市边界
          "county-stroke": "rgba(255,255,255,1)" // 中国区县边界
        }
      });
      this.depth = depth;
      this.disProvince.setMap(this.map);
    },
    // 初始化点聚焦
    initMarkerclusterer() {
      this.markers = [];
      const endIcon = new AMap.Icon({
        size: new AMap.Size(25, 35),
        image: endIconImg,
        imageSize: new AMap.Size(25, 35)
      });

      this.coordinatesList.forEach(item => {
        let marker = new AMap.Marker({
          position: new AMap.LngLat(item.lng, item.lat),
          icon: endIcon,
          offset: new AMap.Pixel(-15, -15)
        });
        marker.content =
          '<div class="custom-content-marker">' +
          "<div>项目名称：" +
          item.proName +
          "</div>" +
          "<div>项目地址：" +
          item.proAddress +
          "</div></div>";
        marker.on("mouseover", e => {
          this.infoWindow.setContent(e.target.content);
          this.infoWindow.open(this.map, e.target.getPosition());
        });
        marker.on("mouseout", e => {
          this.map.clearInfoWindow();
        });

        this.markers.push(marker);
      });

      this.map.add(this.markers);

      // this.addCluster()
    },
    // 添加点聚焦
    addCluster() {
      const endIcon = new AMap.Icon({
        size: new AMap.Size(25, 35),
        image: endIconImg,
        imageSize: new AMap.Size(25, 35)
      });

      if (this.cluster) {
        this.cluster.setMap(null);
      }
      if (this.isHome === 1) {
        // if(!this.districtCluster){

        this.districtCluster = new DistrictCluster({
          map: this.map, // 所属的地图实例
          zIndex: 1,
          autoSetFitView: false,
          data: this.coordinatesList,
          // 设置显示的省份
          topAdcodes: [
            "350000",
            "330000",
            "360000",
            "440000",
            "460000",
            "320000",
            "420000"
          ],
          getPosition: item => {
            if (!item) {
              return null;
            }
            // 返回经纬度
            return [item.lng, item.lat];
          },
          renderOptions: {
            // 基础样式
            featureStyle: {
              fillStyle: "rgba(40,142,236,0)", // 填充色
              lineWidth: 0, // 描边线宽
              strokeStyle: "rgba(255,255,255,1)", // 描边色
              // 鼠标Hover后的样式
              hoverOptions: {
                fillStyle: "rgba(255,255,255,0)"
              }
            },
            // 特定区划级别的默认样式
            featureStyleByLevel: {
              // 全国
              country: {
                fillStyle: "rgba(40,142,236,0)"
              },
              // 省
              province: {
                fillStyle: "rgba(40,142,236,0)"
              },
              // 市
              city: {
                fillStyle: "rgba(40,142,236,0)"
              },
              // 区县
              district: {
                fillStyle: "rgba(40,142,236,0)"
              }
            },
            // 显示在所辖数据点的平均位置
            getClusterMarkerPosition:
              DistrictCluster.ClusterMarkerPositionStrategy
                .AVERAGE_POINTS_POSITION,
            getClusterMarker: (feature, dataItems, recycledMarker) => {
              if (this.map.getZoom() >= 12) {
                /* let currentMarker = dataItems[0].dataItem
                            let marker = new AMap.Marker({
                              position: new AMap.LngLat(currentMarker.lng, currentMarker.lat),
                              icon: endIcon,
                              offset: new AMap.Pixel(-15, -15)
                            })
                            marker.content = '<div class="custom-content-marker">' + '<div>项目名称：' + currentMarker.proName + '</div>' + '<div>项目地址：' + currentMarker.proAddress + '</div></div>'
                            marker.on('mouseover', (e) => {
                              this.infoWindow.setContent(e.target.content)
                              this.infoWindow.open(this.map, e.target.getPosition())
                            })
                            marker.on('mouseout', (e) => {
                              this.map.clearInfoWindow()
                            })
                            return marker */
                /* if(dataItems.length){
                              let currentMarker = dataItems[0].dataItem
                              let marker = new AMap.Marker({
                                position: new AMap.LngLat(currentMarker.lng, currentMarker.lat),
                                icon: endIcon,
                                offset: new AMap.Pixel(-15, -15)
                              })
                              marker.content = '<div class="custom-content-marker">' + '<div>项目名称：' + currentMarker.proName + '</div>' + '<div>项目地址：' + currentMarker.proAddress + '</div></div>'
                              marker.on('mouseover', (e) => {
                                this.infoWindow.setContent(e.target.content)
                                this.infoWindow.open(this.map, e.target.getPosition())
                              })
                              marker.on('mouseout', (e) => {
                                this.map.clearInfoWindow()
                              })
                              return marker
                            } */
                return null;
                // return this.markers[dataItems[0].dataIndex]
              } else {
                let div = document.createElement("div");
                div.setAttribute("class", "amap-ui-district-cluster-marker");
                // div.innerHTML = feature.properties.name + '(' + dataItems.length + ')'
                let title = document.createElement("span");
                title.setAttribute(
                  "class",
                  "amap-ui-district-cluster-marker-title"
                );
                title.innerHTML = feature.properties.name;
                div.appendChild(title);
                let body = document.createElement("span");
                body.setAttribute(
                  "class",
                  "amap-ui-district-cluster-marker-body"
                );
                body.innerHTML = dataItems.length;
                div.appendChild(body);
                /* div.style.color = '#fff'
                            div.style.fontSize = '18px' */

                return new AMap.Marker({
                  content: div
                });
              }
            }
          }
        });
        /* } else {
          this.districtCluster.show()
          this.districtCluster.setData(this.coordinatesList)
        } */
      } else {
        this.coordinatesList.forEach(item => {
          item.lnglat = new AMap.LngLat(item.lng, item.lat);
          item.city = item.country;
        });

        // 求差集
        let multipleSelectSet = new Set(
          this.coordinatesList.map(item => {
            return item.city;
          })
        );

        let noDataCountry = this.abroadLocationData.filter(item => {
          return !multipleSelectSet.has(item.name);
        });

        noDataCountry.forEach(item => {
          let marker = new AMap.Marker({
            position: item.position,
            icon: endIcon
            // offset: new AMap.Pixel(-15, -15)
          });

          let div = document.createElement("div");
          div.setAttribute("class", "amap-ui-district-cluster-marker");
          // div.innerHTML = feature.properties.name + '(' + dataItems.length + ')'
          let title = document.createElement("span");
          title.setAttribute("class", "amap-ui-district-cluster-marker-title");
          title.innerHTML = item.name;
          div.appendChild(title);
          let body = document.createElement("span");
          body.setAttribute("class", "amap-ui-district-cluster-marker-body");
          body.innerHTML = 0;
          div.appendChild(body);

          marker.setContent(div);
          marker.setAnchor("center");
          this.map.add(marker);
        });

        // 完全自定义
        this.cluster = new AMap.IndexCluster(this.map, this.coordinatesList, {
          renderClusterMarker: context => {
            let count = context.count; // 聚合中点的总数
            let clusterData = context.clusterData; // 聚合中包含数据
            let index = context.index; // 聚合的条件
            let text = clusterData[0][index["mainKey"]];
            // 自定义点标记样式
            /* var div = document.createElement('div');
            div.className = 'amap-cluster';
            div.innerHTML = '(' + count + ')'
            div.style.fontSize = '18px'
            div.style.color = '#fff' */
            if (this.map.getZoom() >= 6 && context.clusterData.length === 1) {
              let currentMarker = context.clusterData[0];
              /* let marker = new AMap.Marker({
                position: currentMarker.lnglat,
                icon: endIcon,
                offset: new AMap.Pixel(-15, -15)
              }) */
              // context.marker.setContent() currentMarker.city
              context.marker.setIcon(endIcon);
              context.marker.on("mouseover", e => {
                let content =
                  '<div class="custom-content-marker">' +
                  "<div>项目名称：" +
                  currentMarker.proName +
                  "</div>" +
                  "<div>项目地址：" +
                  currentMarker.proAddress +
                  "</div></div>";
                this.infoWindow.setContent(content);
                this.infoWindow.open(this.map, e.target.getPosition());
                // this.infoWindow.setOffset(new AMap.Pixel(-20, -15))
              });
              context.marker.on("mouseout", e => {
                this.map.clearInfoWindow();
              });
              // context.marker = marker
            } else {
              let div = document.createElement("div");
              div.setAttribute("class", "amap-ui-district-cluster-marker");
              // div.innerHTML = feature.properties.name + '(' + dataItems.length + ')'
              let title = document.createElement("span");
              title.setAttribute(
                "class",
                "amap-ui-district-cluster-marker-title"
              );
              title.innerHTML = text;
              div.appendChild(title);
              let body = document.createElement("span");
              body.setAttribute(
                "class",
                "amap-ui-district-cluster-marker-body"
              );
              body.innerHTML = count;
              div.appendChild(body);

              context.marker.setContent(div);

              // 自定义聚合点标记显示位置
              // let position = this.getPosition(context)
              let obj = this.abroadLocationData.find(item => {
                return item.name === text;
              });

              if (obj) {
                context.marker.setPosition(obj.position);
              }
              context.marker.setAnchor("center");
            }
          },
          clusterIndexSet: this.clusterIndexSet
        });
      }
    },
    getPosition(context) {
      let key = context.index.mainKey;
      let dataItem = context.clusterData && context.clusterData[0];
      let districtName = dataItem[key];
      if (!district[districtName]) {
        return null;
      }
      let center = district[districtName].center.split(",");
      let centerLnglat = new AMap.LngLat(center[0], center[1]);
      return centerLnglat;
    },
    // 获取所有项目坐标信息数据
    getCoordinates() {
      let res = [];
      if (this.isHome) {
        res = [
          {
            proId: "0efe7615-b0fb-4057-be19-5673986717ea",
            proName: "欣欣向荣测试项目01",
            xpos: 117,
            ypos: 25,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350823",
            countyName: "上杭县",
            isCountry: 1,
            proAddress: "福建省龙岩市上杭县",
            country: null,
            lnglat: [117, 25]
          },
          {
            proId: "0f555e9f-d5f1-47bf-86ac-2b853902bad6",
            proName: "奇怪的项目0928001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "10fe4294-5b52-420b-821d-5d5aab009831",
            proName: "奇怪的项目070801",
            xpos: 116.359514,
            ypos: 25.775389,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.359514, 25.775389]
          },
          {
            proId: "1b13a72f-c256-4b34-b11f-9818b4d7a3e3",
            proName: "奇怪的项目0816001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "1e566dce-e954-4764-83e6-03c53e14a8b8",
            proName: "奇怪的项目0826001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "2385fb08-bcd0-47c3-8ee6-1cb4de56da80",
            proName: "20210224泉州碧桂园",
            xpos: 118.600671,
            ypos: 24.917549,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350500",
            cityName: "泉州市",
            countyId: "350502",
            countyName: "鲤城区",
            isCountry: 1,
            proAddress: "福建省泉州市鲤城区状元街104-106号",
            country: null,
            lnglat: [118.600671, 24.917549]
          },
          {
            proId: "23fc22ec-4c4e-4777-9088-66c7f1c13e92",
            proName: "厦门项目001",
            xpos: 120.229967,
            ypos: 28.553774,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "浙江省丽水市缙云县",
            country: null,
            lnglat: [120.229967, 28.553774]
          },
          {
            proId: "245aa305-5821-4d11-906a-e65cd7605003",
            proName: "漳州项目06",
            xpos: 120,
            ypos: 33,
            provinceId: "320000",
            provinceName: "江苏省",
            cityId: "321200",
            cityName: "泰州市",
            countyId: "321281",
            countyName: "兴化市",
            isCountry: 1,
            proAddress: "江苏省泰州市兴化市",
            country: null,
            lnglat: [120, 33]
          },
          {
            proId: "264e4ad2-dfa0-4d14-9928-8d7dc5c457af",
            proName: "奇怪的项目080402",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "298cfac8-b04f-49af-bfa7-bedd5dabe189",
            proName: "奇怪的工程081102",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "2e3d01a6-5bd9-47ab-952b-02938d5c2d62",
            proName: "泉港项目嘻嘻嘻嘻#9~10#、11#",
            xpos: 118.189805,
            ypos: 24.517573,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350206",
            countyName: "湖里区",
            isCountry: 1,
            proAddress: "福建省厦门市湖里区X418(五通立交)",
            country: null,
            lnglat: [118.189805, 24.517573]
          },
          {
            proId: "2ffaafa4-ea67-4115-b553-5f0599227be8",
            proName: "有四级中面积",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "360000",
            provinceName: "江西省",
            cityId: "360200",
            cityName: "景德镇市",
            countyId: "360222",
            countyName: "浮梁县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "3223c2b7-9c45-4ebc-8998-55d85912595d",
            proName: "测试项目",
            xpos: 118.065863,
            ypos: 24.666633,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350211",
            countyName: "集美区",
            isCountry: 1,
            proAddress: "福建省厦门市集美区",
            country: null,
            lnglat: [118.065863, 24.666633]
          },
          {
            proId: "35e16569-c57c-480a-bebe-74a6528fd64a",
            proName: "奇怪的项目072802",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "35fc8273-5b7c-414b-bce8-be799f218034",
            proName: "奇怪的项目0811003",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "3cb84f17-1781-4bf3-9aff-d5c66051238b",
            proName: "古德拜项目",
            xpos: 117.026416,
            ypos: 25.119736,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350802",
            countyName: "新罗区",
            isCountry: 1,
            proAddress: "福建省龙岩市新罗区凤凰北路11号",
            country: null,
            lnglat: [117.026416, 25.119736]
          },
          {
            proId: "42cc2d4c-ffbe-4798-a7ed-dd3d75d006c5",
            proName: "奇怪的项目080401",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "432d79f0-e02d-4929-96bd-b203f6d7545d",
            proName: "测试20210323",
            xpos: 116.474497,
            ypos: 39.844292,
            provinceId: "110000",
            provinceName: "北京",
            cityId: "110100",
            cityName: "北京市",
            countyId: "110101",
            countyName: "东城区",
            isCountry: 1,
            proAddress: "北京市朝阳区吕营大街88号",
            country: null,
            lnglat: [116.474497, 39.844292]
          },
          {
            proId: "4d3f194c-d680-4c8c-9485-e3293dba181a",
            proName: "1",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "110000",
            provinceName: "北京",
            cityId: "110100",
            cityName: "北京市",
            countyId: "110102",
            countyName: "西城区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "502dc949-9975-46da-a509-5616d13f1f8c",
            proName: "漳州项目09",
            xpos: 119.132331,
            ypos: 26.155312,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350121",
            countyName: "闽侯县",
            isCountry: 1,
            proAddress: "福建省福州市闽侯县滨城大道",
            country: null,
            lnglat: [119.132331, 26.155312]
          },
          {
            proId: "54097045-cae8-4c5d-a71a-381b0fe2cbe9",
            proName: "厦门北站连接线",
            xpos: 118.087238,
            ypos: 24.639601,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350211",
            countyName: "集美区",
            isCountry: 1,
            proAddress: "福建省厦门市集美区G15(厦门枢纽立交)",
            country: null,
            lnglat: [118.087238, 24.639601]
          },
          {
            proId: "594125ab-b629-4e0c-9e11-ad3b5e24cace",
            proName: "测试漳州项目12-001",
            xpos: 120,
            ypos: 30,
            provinceId: "330000",
            provinceName: "浙江省",
            cityId: "330700",
            cityName: "金华市",
            countyId: "330726",
            countyName: "浦江县",
            isCountry: 1,
            proAddress: "浙江省金华市浦江县",
            country: null,
            lnglat: [120, 30]
          },
          {
            proId: "5a46635d-6927-47bb-ab00-38414c7741dc",
            proName: "古雷化工一期项目",
            xpos: 117.633527,
            ypos: 23.802001,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350600",
            cityName: "漳州市",
            countyId: "350623",
            countyName: "漳浦县",
            isCountry: 1,
            proAddress: "福建省漳州市漳浦县",
            country: null,
            lnglat: [117.633527, 23.802001]
          },
          {
            proId: "5afa1120-6291-4b6d-a5d7-1f2c1fb498ad",
            proName: "泉港房建立项项目",
            xpos: 115.891094,
            ypos: 28.6654,
            provinceId: "360000",
            provinceName: "江西省",
            cityId: "360100",
            cityName: "南昌市",
            countyId: "360103",
            countyName: "西湖区",
            isCountry: 1,
            proAddress: "江西省南昌市西湖区洪城路777",
            country: null,
            lnglat: [115.891094, 28.6654]
          },
          {
            proId: "5bf9ea56-9356-4031-b552-525561c0b5e5",
            proName: "泉港市政项目2",
            xpos: 103.840524,
            ypos: 36.067235,
            provinceId: "620000",
            provinceName: "甘肃省",
            cityId: "620100",
            cityName: "兰州市",
            countyId: "620103",
            countyName: "七里河区",
            isCountry: 1,
            proAddress: "甘肃省兰州市城关区南滨河东路651号",
            country: null,
            lnglat: [103.840524, 36.067235]
          },
          {
            proId: "613deb34-9437-4483-a03c-cb7cf8ab1370",
            proName: "奇怪的项目0901001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "67db0ec1-1356-4de2-ba1f-3945a6430a19",
            proName: "审核中工作事项1104003",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "6ce83c1a-dd16-418d-a344-5decdf98daa1",
            proName: "奇怪的项目-062301",
            xpos: 118.12278,
            ypos: 24.472083,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省厦门市思明区南广场西侧人行天桥",
            country: null,
            lnglat: [118.12278, 24.472083]
          },
          {
            proId: "71dca813-6d4f-4725-aa75-3e23c095792e",
            proName: "南安恒大",
            xpos: 115.628222,
            ypos: 28.112472,
            provinceId: "150000",
            provinceName: "内蒙古自治区",
            cityId: "150100",
            cityName: "呼和浩特市",
            countyId: "150102",
            countyName: "新城区",
            isCountry: 1,
            proAddress: "江西省宜春市丰城市",
            country: null,
            lnglat: [115.628222, 28.112472]
          },
          {
            proId: "7ebcdd4c-3aed-4b5b-8ab0-9bd543dc43b8",
            proName: "龙岩冠寨山景区游乐场",
            xpos: 116.813603,
            ypos: 25.709786,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350825",
            countyName: "连城县",
            isCountry: 1,
            proAddress: "福建省龙岩市连城县",
            country: null,
            lnglat: [116.813603, 25.709786]
          },
          {
            proId: "7fad50da-50dd-4301-bb9a-ffe4c2ca4940",
            proName: "奇怪的项目070701",
            xpos: 119.296888,
            ypos: 26.099505,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350102",
            countyName: "鼓楼区",
            isCountry: 1,
            proAddress: "福建省福州市鼓楼区",
            country: null,
            lnglat: [119.296888, 26.099505]
          },
          {
            proId: "8384b83e-048a-4651-9938-3eee7a34cbf8",
            proName: "测试项目0330",
            xpos: 121.936649,
            ypos: 30.903758,
            provinceId: "440000",
            provinceName: "广东省",
            cityId: "441400",
            cityName: "梅州市",
            countyId: "441424",
            countyName: "五华县",
            isCountry: 1,
            proAddress: "上海市浦东新区",
            country: null,
            lnglat: [121.936649, 30.903758]
          },
          {
            proId: "84e5cbbf-ac20-41d9-a1c9-9d8430b2da93",
            proName: "漳州立达信",
            xpos: 117.788485,
            ypos: 24.641013,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350600",
            cityName: "漳州市",
            countyId: "350625",
            countyName: "长泰县",
            isCountry: 1,
            proAddress: "福建省漳州市长泰县银泰东路",
            country: null,
            lnglat: [117.788485, 24.641013]
          },
          {
            proId: "84ec7de8-921b-4b6d-9046-dfccf01b893d",
            proName: "海沧大桥装饰装修过新年",
            xpos: 118.076358,
            ypos: 24.500322,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350205",
            countyName: "海沧区",
            isCountry: 1,
            proAddress: "福建省厦门市海沧区海沧大桥",
            country: null,
            lnglat: [118.076358, 24.500322]
          },
          {
            proId: "8c527379-4164-4d4f-af4a-f31d4167e3d1",
            proName: "奇怪的项目-072201-Add563#%&*+《》？；：‘、’",
            xpos: 116.44958,
            ypos: 39.926498,
            provinceId: "110000",
            provinceName: "北京",
            cityId: "110100",
            cityName: "北京市",
            countyId: "110106",
            countyName: "丰台区",
            isCountry: 1,
            proAddress: "北京市朝阳区神路街33号",
            country: null,
            lnglat: [116.44958, 39.926498]
          },
          {
            proId: "8fb6d639-ab9d-45f5-934b-edb865e0bd8c",
            proName: "奇怪的项目070901",
            xpos: 118.182164,
            ypos: 24.473484,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省厦门市思明区文兴东路",
            country: null,
            lnglat: [118.182164, 24.473484]
          },
          {
            proId: "90a1be1a-f4d7-4541-bc81-5d7f3c4e1d84",
            proName: "草稿工作事项1104001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "92f8cded-03b5-48dc-912e-480c1f351063",
            proName: "提交审核工作事项1104004",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "94745260-f0c9-4cf2-a8db-18003538fdfb",
            proName: "演示项目大唐一期",
            xpos: 118.181985,
            ypos: 24.496615,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省厦门市湖里区观日路1号",
            country: null,
            lnglat: [118.181985, 24.496615]
          },
          {
            proId: "97457c85-02f9-452d-b39c-6408f62f4296",
            proName: "泉港房建项目2",
            xpos: 118.088404,
            ypos: 24.451948,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省厦门市思明区民族路40号",
            country: null,
            lnglat: [118.088404, 24.451948]
          },
          {
            proId: "97a30850-3b28-4c46-8a59-89633a3a4a6e",
            proName:
              "福建省老年医院病房楼、门诊综合楼项目建设项目（一期）同学可口可乐具体了解了解一下兔兔休息一下图咯哦哦",
            xpos: 117.504746,
            ypos: 44.388854,
            provinceId: "150000",
            provinceName: "内蒙古自治区",
            cityId: "152500",
            cityName: "锡林郭勒盟",
            countyId: "152502",
            countyName: "锡林浩特市",
            isCountry: 1,
            proAddress: "内蒙古自治区锡林郭勒盟西乌珠穆沁旗",
            country: null,
            lnglat: [117.504746, 44.388854]
          },
          {
            proId: "97c8d4f8-4552-45dd-92ca-29767b2001b3",
            proName: "退回工作事项1104005",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "99e95ea3-e00f-4f38-bf20-3c5fabf19643",
            proName: "莆田市秀屿区大丘中学学生宿舍楼",
            xpos: 119.111574,
            ypos: 25.323654,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350300",
            cityName: "莆田市",
            countyId: "350305",
            countyName: "秀屿区",
            isCountry: 1,
            proAddress: "福建省莆田市秀屿区兴秀路",
            country: null,
            lnglat: [119.111574, 25.323654]
          },
          {
            proId: "99eae7b2-3302-453a-ac6a-a58e5c5786f7",
            proName: "福建龙岩项目",
            xpos: 116.369292,
            ypos: 25.856003,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县腾飞一路19号",
            country: null,
            lnglat: [116.369292, 25.856003]
          },
          {
            proId: "9a8b1b6d-4e18-4700-bd57-fa448783eca9",
            proName: "海沧大桥夜景工程",
            xpos: 118.077507,
            ypos: 24.499796,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350205",
            countyName: "海沧区",
            isCountry: 1,
            proAddress: "福建省厦门市海沧区",
            country: null,
            lnglat: [118.077507, 24.499796]
          },
          {
            proId: "9b585a92-89bd-45eb-af18-717272fb53d1",
            proName: "奇怪的项目0928002",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "a23f4bcc-73f2-493c-b536-b401b34f25f3",
            proName: "漳州项目-测试修改001-1125-1",
            xpos: 109,
            ypos: 12,
            provinceId: "120000",
            provinceName: "天津",
            cityId: "120100",
            cityName: "天津市",
            countyId: "120101",
            countyName: "和平区",
            isCountry: 1,
            proAddress: "Cam Lam, Khanh Hoa, Viet Nam",
            country: null,
            lnglat: [109, 12]
          },
          {
            proId: "a4bc051c-dd7c-452a-a745-d0a38d95ec4b",
            proName: "闽清县渡口初级中学学生宿舍楼",
            xpos: 118.869579,
            ypos: 26.226848,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350124",
            countyName: "闽清县",
            isCountry: 1,
            proAddress: "福建省福州市闽清县西门街23号",
            country: null,
            lnglat: [118.869579, 26.226848]
          },
          {
            proId: "a6038cf1-3040-4a00-8f09-47e1ae8a8d00",
            proName: "欣欣向荣测试项目02",
            xpos: 119.335277,
            ypos: 26.10393,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350102",
            countyName: "鼓楼区",
            isCountry: 1,
            proAddress: "福建省福州市晋安区三八路30号",
            country: null,
            lnglat: [119.335277, 26.10393]
          },
          {
            proId: "a79f9418-fb2b-496e-8e74-9668c70d6d91",
            proName: "我的项目-萨摩耶",
            xpos: 109.84654,
            ypos: 40.662929,
            provinceId: "150000",
            provinceName: "内蒙古自治区",
            cityId: "150200",
            cityName: "包头市",
            countyId: "150203",
            countyName: "昆都仑区",
            isCountry: 1,
            proAddress: "内蒙古自治区包头市昆都仑区钢铁大街29号",
            country: null,
            lnglat: [109.84654, 40.662929]
          },
          {
            proId: "a936d603-8066-4ac0-9575-32edc548567e",
            proName: "漳州项目10",
            xpos: 118.18905,
            ypos: 39.638141,
            provinceId: "130000",
            provinceName: "河北省",
            cityId: "130200",
            cityName: "唐山市",
            countyId: "130204",
            countyName: "古冶区",
            isCountry: 1,
            proAddress: "河北省唐山市路北区市府北街",
            country: null,
            lnglat: [118.18905, 39.638141]
          },
          {
            proId: "ace5abe1-35be-49b3-8f8a-d8301a6a2bc1",
            proName: "奇怪的项目062501",
            xpos: 119.176921,
            ypos: 26.073227,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350121",
            countyName: "闽侯县",
            isCountry: 1,
            proAddress: "福建省福州市闽侯县思远路",
            country: null,
            lnglat: [119.176921, 26.073227]
          },
          {
            proId: "af87dcd9-7520-4c6e-ade5-514bc4bfee31",
            proName: "奇怪的项目072801",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "b4e20a12-2b46-4e93-8a82-c0bcb9153774",
            proName: "漳州项目05",
            xpos: 117.577412,
            ypos: 24.240207,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350600",
            cityName: "漳州市",
            countyId: "350602",
            countyName: "芗城区",
            isCountry: 1,
            proAddress: "福建省漳州市漳浦县",
            country: null,
            lnglat: [117.577412, 24.240207]
          },
          {
            proId: "b7b5a831-ee0e-4f53-8ab6-869d5470b397",
            proName: "奇怪的项目0908001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "b7c44e47-8cd2-4677-b79a-53cd3e8da2f1",
            proName: "测试20210107",
            xpos: 117.61513,
            ypos: 26.294805,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350400",
            cityName: "三明市",
            countyId: "350402",
            countyName: "梅列区",
            isCountry: 1,
            proAddress: "福建省三明市梅列区",
            country: null,
            lnglat: [117.61513, 26.294805]
          },
          {
            proId: "bacf06b6-75b6-4fd7-90ca-105c6de111b3",
            proName: "翔安大道二期工程",
            xpos: 118.254213,
            ypos: 24.623691,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350213",
            countyName: "翔安区",
            isCountry: 1,
            proAddress: "福建省厦门市翔安区祥福路2005号",
            country: null,
            lnglat: [118.254213, 24.623691]
          },
          {
            proId: "bb26cd14-5ea3-4b00-bf70-4444b2c64f39",
            proName: "泉港房建测试20201125",
            xpos: 118.088404,
            ypos: 24.451948,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省厦门市思明区民族路40号",
            country: null,
            lnglat: [118.088404, 24.451948]
          },
          {
            proId: "c162fe69-449a-4d0a-a35a-22b59bc88db4",
            proName: "某社区医院扩建",
            xpos: 116.369271,
            ypos: 25.856161,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县腾飞一路19号",
            country: null,
            lnglat: [116.369271, 25.856161]
          },
          {
            proId: "c3f715b4-8a56-42fc-b33f-437649eb1e77",
            proName: "确认通过项目信息",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "c4477f3c-85ce-4327-a72f-6e1bf4276eb4",
            proName:
              "厦门天马微电子有限公司第5.5代低温多晶硅（LTPS）及彩色滤光片（CF）生产线项目二、三标段工程",
            xpos: 118.103432,
            ypos: 24.58202,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350211",
            countyName: "集美区",
            isCountry: 1,
            proAddress: "福建省厦门市集美区岑东路168",
            country: null,
            lnglat: [118.103432, 24.58202]
          },
          {
            proId: "d04b6356-378c-486b-9ab1-f2defe510968",
            proName: "测试项目030",
            xpos: 119.206496,
            ypos: 26.128845,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350206",
            countyName: "湖里区",
            isCountry: 1,
            proAddress: "福建省福州市闽侯县",
            country: null,
            lnglat: [119.206496, 26.128845]
          },
          {
            proId: "d6e27661-cf92-4be2-b499-3b0623625aa9",
            proName: "国贸新城-天山雪峰",
            xpos: 118.198805,
            ypos: 24.750643,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350212",
            countyName: "同安区",
            isCountry: 1,
            proAddress: "福建省厦门市同安区",
            country: null,
            lnglat: [118.198805, 24.750643]
          },
          {
            proId: "db4cab48-fd22-404c-a9e0-7ef78a762de4",
            proName: "泉港项目2",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "dc4be1bf-f63f-4f1d-b81e-72001d104fff",
            proName: "中国平安工程20210114",
            xpos: 119.282385,
            ypos: 26.050969,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350104",
            countyName: "仓山区",
            isCountry: 1,
            proAddress: "福建省福州市仓山区亭头路",
            country: null,
            lnglat: [119.282385, 26.050969]
          },
          {
            proId: "dceeaba5-f95b-4e08-9ca3-7e6c7a0bb322",
            proName: "玲珑马戏城酒店项目1#楼",
            xpos: 118.066637,
            ypos: 24.601997,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350211",
            countyName: "集美区",
            isCountry: 1,
            proAddress: "福建省厦门市集美区",
            country: null,
            lnglat: [118.066637, 24.601997]
          },
          {
            proId: "dde52a0b-fc61-4c72-9818-bba8f4d9fa66",
            proName: "测试项目0131",
            xpos: 118.351021,
            ypos: 25.804538,
            provinceId: "610000",
            provinceName: "陕西省",
            cityId: "610400",
            cityName: "咸阳市",
            countyId: "610402",
            countyName: "秦都区",
            isCountry: 1,
            proAddress: "福建省泉州市德化县",
            country: null,
            lnglat: [118.351021, 25.804538]
          },
          {
            proId: "dea9a518-0e84-48a3-8163-e03050e5f579",
            proName: "奇怪的项目0825001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "e330601d-2a0a-493c-8c98-bded6b52d522",
            proName: "奇怪的项目0924001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "e459c5eb-af8e-4910-a470-419a593c6336",
            proName: "奇怪的项目1101001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350203",
            countyName: "思明区",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "e81b0060-447f-4f59-b2bc-fb1212863893",
            proName: "测试漳州项目026",
            xpos: 119,
            ypos: 44,
            provinceId: "450000",
            provinceName: "广西壮族自治区",
            cityId: "450600",
            cityName: "防城港市",
            countyId: "450603",
            countyName: "防城区",
            isCountry: 1,
            proAddress: "内蒙古自治区赤峰市巴林右旗",
            country: null,
            lnglat: [119, 44]
          },
          {
            proId: "eb549793-4718-4e9f-a002-3c07ce12f23a",
            proName: "奇怪的项目1019001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "eef1c940-2259-4fd3-bed6-cd7d23714251",
            proName: "福建海丽天食品有限公司长泰厂区1#厂房、办公楼",
            xpos: 119.491653,
            ypos: 25.804538,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350182",
            countyName: "长乐市",
            isCountry: 1,
            proAddress: "福建省福州市长乐区",
            country: null,
            lnglat: [119.491653, 25.804538]
          },
          {
            proId: "f01848d9-c95d-4fff-bb4c-d8f6f5feef69",
            proName: "奇怪的项目0811001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          },
          {
            proId: "f4c5b04e-53c5-44c1-bab2-83c0294a0d62",
            proName: "奇怪的项目070703",
            xpos: 118.795811,
            ypos: 32.026528,
            provinceId: "320000",
            provinceName: "江苏省",
            cityId: "320100",
            cityName: "南京市",
            countyId: "320104",
            countyName: "秦淮区",
            isCountry: 1,
            proAddress: "江苏省南京市秦淮区贡院街152",
            country: null,
            lnglat: [118.795811, 32.026528]
          },
          {
            proId: "f54931ff-b6e6-4f78-b16b-635b027aa5b2",
            proName: "奇怪的项目072202",
            xpos: 118.953749,
            ypos: 25.862944,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350100",
            cityName: "福州市",
            countyId: "350125",
            countyName: "永泰县",
            isCountry: 1,
            proAddress: "福建省福州市永泰县汤洋路",
            country: null,
            lnglat: [118.953749, 25.862944]
          },
          {
            proId: "f675058d-d61b-425c-8f73-89fe9732e0b1",
            proName: "测试流程得项目啊昂啊啊",
            xpos: 111.772606,
            ypos: 40.823156,
            provinceId: "150000",
            provinceName: "内蒙古自治区",
            cityId: "150100",
            cityName: "呼和浩特市",
            countyId: "150105",
            countyName: "赛罕区",
            isCountry: 1,
            proAddress: "内蒙古自治区呼和浩特市赛罕区敕勒川大街",
            country: null,
            lnglat: [111.772606, 40.823156]
          },
          {
            proId: "f845144b-7294-4772-b8f6-668d2b21ac51",
            proName: "2021新项目-湖边花园",
            xpos: 118.176247,
            ypos: 24.499773,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350200",
            cityName: "厦门市",
            countyId: "350206",
            countyName: "湖里区",
            isCountry: 1,
            proAddress: "福建省厦门市湖里区观日西路",
            country: null,
            lnglat: [118.176247, 24.499773]
          },
          {
            proId: "f92d8882-876e-4fa9-b474-5402397d24a4",
            proName: "泉港项目3",
            xpos: 118.922435,
            ypos: 25.13965,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350500",
            cityName: "泉州市",
            countyId: "350505",
            countyName: "泉港区",
            isCountry: 1,
            proAddress: "福建省泉州市泉港区",
            country: null,
            lnglat: [118.922435, 25.13965]
          },
          {
            proId: "fd3ac4b7-ea27-4ad4-9946-c1e667b69c6f",
            proName: "奇怪的项目0928001",
            xpos: 116.216935,
            ypos: 25.737902,
            provinceId: "350000",
            provinceName: "福建省",
            cityId: "350800",
            cityName: "龙岩市",
            countyId: "350821",
            countyName: "长汀县",
            isCountry: 1,
            proAddress: "福建省龙岩市长汀县",
            country: null,
            lnglat: [116.216935, 25.737902]
          }
        ];
      } else {
        res = [
          {
            proId: "01f41da3-718f-435c-b41b-b38be8bb35e9",
            proName: "666",
            xpos: 115.15909,
            ypos: 23.717331,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "广东省河源市东源县",
            country: "孟加拉",
            lnglat: [115.15909, 23.717331]
          },
          {
            proId: "1fa49485-f0d1-4bfa-a8f1-75cb7fc37043",
            proName: "泉港市政项目01",
            xpos: 105.656887,
            ypos: 13.133376,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Boeng Char, Kracheh, Cambodia",
            country: "柬埔寨",
            lnglat: [105.656887, 13.133376]
          },
          {
            proId: "5cb4123e-7bc9-400d-912d-f58ab27dff6f",
            proName: "测试数据测2",
            xpos: 100.432054,
            ypos: 16.426804,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Nong Pla Lai, Wang Sai Phun, Phichit, Thailand",
            country: "越南",
            lnglat: [100.432054, 16.426804]
          },
          {
            proId: "6ebb9e44-f1da-4808-a252-84991d04a060",
            proName: "测试项目20201113",
            xpos: 101.213939,
            ypos: 15.599354,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Bo Rang, Wichian Buri, Phetchabun, Thailand",
            country: "泰国",
            lnglat: [101.213939, 15.599354]
          },
          {
            proId: "7a7c90b4-ec8e-4ed5-b2af-4d1319d6c853",
            proName: "甜蜜家园001",
            xpos: 108.49007,
            ypos: 12.880799,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Ea Kar, Dak Lak, Viet Nam",
            country: "越南",
            lnglat: [108.49007, 12.880799]
          },
          {
            proId: "8c1e6158-c436-4194-8b0d-f7dbc85fb5d6",
            proName: "20210225新立项项目",
            xpos: 108.342891,
            ypos: 13.889512,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Mang Yang, Gia Lai, Viet Nam",
            country: "越南",
            lnglat: [108.342891, 13.889512]
          },
          {
            proId: "8cf224aa-3fb1-4002-90e9-41f3f4d25502",
            proName: "奇怪的项目070702",
            xpos: 103.528854,
            ypos: 10.617024,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Sihanoukville, Krong Preah Sihanouk, Cambodia",
            country: "柬埔寨",
            lnglat: [103.528854, 10.617024]
          },
          {
            proId: "91ffbfe9-c85c-4cce-b34a-f3a6cf633311",
            proName: "漳州项目07",
            xpos: 90.681487,
            ypos: 24.127461,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Kapasia, Gazipur, Bangladesh",
            country: "孟加拉",
            lnglat: [90.681487, 24.127461]
          },
          {
            proId: "9372f03c-e24a-4740-84ac-17cfd19538a6",
            proName: "测试123456",
            xpos: 90.479117,
            ypos: 23.263402,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Naria, Shariatpur, Bangladesh",
            country: "孟加拉",
            lnglat: [90.479117, 23.263402]
          },
          {
            proId: "b0b68158-d946-436b-af11-043ab81d86a2",
            proName: "测试20201209",
            xpos: 101.039165,
            ypos: 4.439445,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Kinta, Perak, Malaysia",
            country: "马来西亚",
            lnglat: [101.039165, 4.439445]
          },
          {
            proId: "bc385c25-b497-432b-acba-9ad3e4941bf7",
            proName: "测试数据（已排查：立项、项目信息）",
            xpos: 116,
            ypos: 26,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "福建省龙岩市长汀县",
            country: "越南",
            lnglat: [116, 26]
          },
          {
            proId: "c700a5fe-da68-42c3-bab5-ce0f24046739",
            proName: "漳州项目03",
            xpos: 105,
            ypos: 12,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Baray, Kampong Thum, Cambodia",
            country: "柬埔寨",
            lnglat: [105, 12]
          },
          {
            proId: "d17abfaa-858b-4504-8d5c-cdd40d80c00f",
            proName: "123123123",
            xpos: 105.436119,
            ypos: 12.700228,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Kraya, Kampong Thum, Cambodia",
            country: "柬埔寨",
            lnglat: [105.436119, 12.700228]
          },
          {
            proId: "d35f6ca0-5ac1-4650-ba09-cfd47fae4b8f",
            proName: "奇怪的项目-072201-Add563#%&*+《》？；：‘、’",
            xpos: 104.40587,
            ypos: 11.904197,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Tuol Khpos, Kampong Chhnang, Cambodia",
            country: "柬埔寨",
            lnglat: [104.40587, 11.904197]
          },
          {
            proId: "e8e24948-0a2c-4efa-a702-1553672387dc",
            proName: "厦门项目002",
            xpos: 102.308579,
            ypos: 3.543314,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Temerloh, Pahang, Malaysia",
            country: "马来西亚",
            lnglat: [102.308579, 3.543314]
          },
          {
            proId: "ee5a7084-04b7-4a1b-ac91-798a73ecc976",
            proName: "测试项目031",
            xpos: 102.934087,
            ypos: 4.91018,
            provinceId: null,
            provinceName: null,
            cityId: null,
            cityName: null,
            countyId: null,
            countyName: null,
            isCountry: 0,
            proAddress: "Terengganu, Malaysia",
            country: "马来西亚",
            lnglat: [102.934087, 4.91018]
          }
        ];
      }

      res.forEach(item => {
        let lnglat = utils.baiduToGaode(item.lnglat);
        item.lng = lnglat.lng;
        item.lat = lnglat.lat;
        item.lnglat = lnglat;
        item.position = [item.lng, item.lat];
      });

      setTimeout(() => {
        this.coordinatesList = res || [];
        this.addCluster();
      }, 1000);
    }
  }
};
</script>

<style lang="less" scoped>
.page-container {
  min-height: calc(100vh - 84px);
  padding: 0 30px;
  background: #eee;
  border-top: 1px solid transparent;
  position: relative;
}

.common-section {
  padding: 0 15px 15px 15px;
  margin-top: 20px;
  background: #fff;

  .title {
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: #267cd0;

    .content {
      margin-left: 15px;
    }
  }

  /deep/ .table-header {
    color: #fff;
    background: #91c6fc;
  }
}

.middle-main {
  display: flex;
  justify-content: space-between;
  align-items: center;

  .country-select-wrap {
    position: absolute;
    top: 28px;
    left: 35px;
    z-index: 9;
  }

  .map-wrap {
    flex: 1;
    height: 430px;
    position: relative;
  }
}

/deep/.amap-info-close {
  display: none;
}

/deep/.amap-ui-district-cluster-marker span {
  vertical-align: middle;
  padding: 3px 5px;
  display: inline-block;
  height: 20px !important;
  line-height: 16px;
}
</style>
